<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>同步与异步</title>
</head>
<body>

    <button>click</button>
   
    <script>
        
       /* js是一门单线程语言，因此如果在js的线程中出现耗时操作，就容易堵塞后续代码的执行。
       因此在js中如果碰到一些可能需要耗费一些时间的操作，像setTimeout，ajax的回调函数（称其为异步操作）等，
       js会将其放入一个代办任务队列taskqueue中，当js按顺序执行完其他同步的，不耗时的操作之后，会去依次执行taskqueue队列中的任务。
     */

   /*   alert(1);
     setTimeout(function(){
         console.log("第一个定时器开始执行了")
     },2000);
     function foo(){
         console.log("foo")
     }
     alert(2);
     foo();
     setTimeout(function(){
        console.log("第二个定时器开始执行了")
     },2000)

     alert(3); */
     
    

     for(var i = 0; i<1000000000; i++){

     }
     console.log("--->")

    var btn =  document.getElementsByTagName('button');

     console.log(btn);

     
        
    </script>
</body>
</html>